package UIFree.abox
{
	import UIFree.uif_styles;
	
	import UIUtils.uif_util;

	public dynamic class uif_aboxStyleExample extends uif_styles {
		private static const TAHOMA: String = 'tahoma';
		private static const ARIAL: String = 'arial';
		
		public function uif_aboxStyleExample() {
			super();
			
			var defShadow: Object = {
					distance: 1,
					angle: 80,
					blurX: 5,
					blurY: 5,
					color: 0,
					strength: 2
				};
				
			var shadow2: Object = {
				distance: 2,
				angle: 45,
				blurX: 5,
				blurY: 5,
				color: 0,
				strength: 1.2
			}
				
			var cb: Object =  {
					buttonMode: true,
					mouseChildren: false
				};
				
			this['arrow'] = {
				line_width:1, 
				line_color: 0xFFFFFF, 
				fill_color: 0x5977B3,
				fill_alpha: 1,
				orientation: 3,
				filters: {
					shadow: shadow2
				}
			};
			this['farrow'] = {
				padding		: 4,
				arrow		: 'arrow',
				component	: cb
			}
			
			this['photo'] = {
				line_width: 1,
				line_color: 0x5876B2,
				fill_color: 0xFFFFFF,
				fill_alpha: 1,
				rounds: 0,
				padding: 3,
				margin: 2,
				filters: {}
			}
			
			this['tabArea'] = {
			}
			
			this['tabBlock'] = {
				margin: 2,
				padding: 5,
				rounds: 6,
				fill_color: {
					rotation: Math.PI / 2,
					colors: [0xFFFFFF, 0xE5EEFF],
					alphas: [1, 1]
				},
				fill_alpha: 1,
				valign: true,
				text_format: {
					color: 0,
					font: ARIAL,
					size: 11,
					wordWrap: true,
					align: 'center'
				},
				filters: {
					shadow: defShadow
				}
			}
			
			this['tabItem'] = merge('tabBlock', {
				fill_color: 0xE5EEFF,
				padding: 0,
				valign: true,
				component: cb,
				text_format: {
					color: 0,
					font: ARIAL,
					size: 11,
					wordWrap: true,
					align: 'center'
				}
			})
			
			this['tabItem_unselect'] = merge('tabItem', {
				fill_color: 0x5977B3,
				fill_alpha: 1,
				text_format: {
					color: 0xCCEEFF,
					font: ARIAL,
					size: 11,
					wordWrap: true,
					align: 'center'			
				},
				filters: {}
			})
			
			this['userPhoto'] = merge('photo', {
			});
			
			this['userPhoto_select'] = merge('tabBlock', {
			});
			
			this['scrollArea'] = {
				fill_color: 0xFFFFFF,
				fill_alpha: 1
			}
			
			this['tab'] = {
				arrow		: 'farrow',
				area		: 'tabArea',
				select		: 'tabItem',
				unselect	: 'tabItem_unselect'
			}
			
			this['items'] = {
				arrow		: 'farrow',
				area		: 'tabArea',
				select		: 'userPhoto_select',
				unselect	: 'userPhoto'
			}
			
			this['tabBox'] = {
				tab_class: 'tab',
				tab_height: 25,
				tabitem_class: 'tabItem_unselect',
				layer_class: 'tab',
				itemslayer_class: 'items',
				item_class: 'userPhoto'
			}
		}
	}
}